import { getData2 } from '../Data'


import { useState } from "react"
import { useMount } from "ahooks"
import { FlexGrid } from '@grapecity/wijmo.react.grid';
const WijmoC06 = () => {

    const [Data, setData] = useState()
    useMount(() => { setData(getData2(100000)) })

    if (Data) {
        return (
            <div className='Page'>
                <FlexGrid
                    itemsSource={Data}
                    selectionMode="ListBox"
                    alternatingRowStep={0}
                    allowSorting={false}
                    allowDragging="Both"
                // initialized={this.handleInitialized}
                // draggingRow={this.handleDraggingRow}
                // draggedRow={this.handleDraggedRow}
                />
                <div>墙裂不建议这么玩</div>
                <div>将网格的 allowSorting 属性设置为 false,以防止用户对数据进行排序。 </div>
                <div>处理网格的 draggedRow 事件以更改数据源中项的顺序以匹配新的行顺序。  </div>
            </div>
        )
    }
}

export default WijmoC06;